<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="baseParam.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>登录</title>

<script type="text/javascript" src="${appPath }/resources/js/dataCheck.js"></script>
<script type="text/javascript" src="${appPath }/resources/js/jquery-1.11.0.min.js"></script>

<link href="${appPath }/resources/css/hh_index.css" rel="stylesheet" type="text/css" />
<link href="${appPath }/resources/css/hh_indexright.css" rel="stylesheet" type="text/css" />
<style>
html {
	overflow-x: hidden;
}

#hh_rightform {
	width: 100%;
	height: auto;
	margin: 0px auto;
}

body {
	background: #ebebec;
	overflow-x: hidden;
}

.hh_rightform {
	margin: 0px auto;
	width: 430px;
}
#hh_rightform_top{
    width:430px; 
}
#hh_rightform table th{
    width:25%; 
}
</style>
<script>
$(function(){
	$("#j_username").focus();
	$("#form1").submit(function(){
		var isError = false;
		if($("#j_username").val()=='' || $("#j_username").val()==null){
			isError = true;
			$("#nameSpan").text("请输入用户名");
		}else{
			$("#nameSpan").text("");
		}
		
		if($("#j_password").val()=='' || $("#j_password").val()==null){
			isError = true;
			$("#passwordSpan").text("请输入密码");
		}else{
			$("#passwordSpan").text("");
		}
		
		if(isError)
			return false;
	});
});
</script>

</head>
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">
	<!-- 遮罩层开始 -->
	<div id="prefer"
		style="left: 0px; top: 0px; display: none; z-index: 1; position: absolute; width: 100%; height: 100%; FILTER: alpha(opacity = 50); BACKGROUND-COLOR: #000; opacity: 0.5; -moz-opacity: 0.5;">
	</div>
	<!-- 遮罩层结束 -->
	<!-- 正在加载页面  start-->
	<div id="msg"
		style="display: none; z-index: 500; position: absolute; top: 300px; left: 0px; text-align: center; width: 100%;">
		<center class=waitcss>
			登陆中，请稍候... <br>
			<img width="58" height="58" src="${appPath }/resources/images/loaderc.gif" /> <!-- loader_horizontal.gif -->
		</center>
	</div>
	<!-- 正在加载页面  end-->
	<div id="hh_rightform_top">
		<div id="hh_rightform_top1">
			<div class="pub_float_l">登陆</div>
		</div>
	</div>
	<div class="hh_rightform">
		<form name="form1" id="form1" action="j_spring_security_check" method="post">
			<div id="hh_rightform">
				<table border="0" cellspacing="0" cellpadding="0" >
					<tbody>
						<tr>
							<th>用户名：</th>
							<td colspan="3">
								<input id="j_username" class="hh_form_text" name="j_username" onblur="checkNull(this,'nameSpan')" type="text" />
								&nbsp;<span id="nameSpan" class="alert_span">*</span>
							</td>
						</tr>
						<tr>
							<th>密码：</th>
							<td colspan="3">
								<input id="j_password" class="hh_form_text" name="j_password" onblur="checkNull(this,'passwordSpan')" type="password" />
								&nbsp;<span id="passwordSpan" class="alert_span">*</span>
							</td>
						</tr>
					</tbody>
				</table>
			</div>
			<div style="color:red;">${msg }</div>
			<div >
				<input type='submit' class='hh_lchwinbtn3' id='btn0' name='btn0'
					value='登陆' />&nbsp; 
				<input type='reset' class='hh_lchwinbtn5' id='btn1' name='btn1' value='重置' />&nbsp;
		
			</div>
		</form>
	</div>
</body>
</html>